<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui">
    <title>蜜雪冰城</title>
    <link rel="icon" href="../back/images/icons/蜜雪logo.svg">
    <!--不同屏幕尺寸根字体设置-->
    <script src="js/base.js"></script>
    <!--element-ui的样式-->
    <link rel="stylesheet" href="../back/plugins/element-ui/index.css" />
    <!--引入vant样式-->
    <link rel="stylesheet" href="styles/vant.min.css"/>
    <!-- 引入样式  -->
    <link rel="stylesheet" href="styles/index.css" />
    <!--本页面内容的样式-->
    <link rel="stylesheet" href="styles/main.css" />

</head>
<body>
<div id="main" class="app" >
<div class="index_title"></div>
    <div style="height: calc(100% - 157rem);overflow-y: auto">
<div @click="toMenuPage" style="position:relative;background-color:white;width: 90%;margin-left: 5%;margin-top: 10rem;height: 148rem;border:3px solid rgb(235 235 235);border-radius: 6px"><span style="margin-left: 46rem;position:absolute"><div style="font-size: 29rem;margin-top: 40rem;margin-bottom: 10rem;color: #404040;font-weight: 600">到店取餐</div><div style="font-size: 12rem;color: rgb(133 133 133)">&nbsp;无需排队，快速点餐</div></span><span style="position: absolute;margin-left: 210rem;width: 90rem;margin-top: 20rem;height: 117rem;background-image: url(images/img_1.png);background-size: 100%" ></span> </div>
    <div>
        <span class="index_content">
    <div class="content_font">积分商城</div>
    <div class="content_font_2">积分兑好礼</div>
            <div ><img src="images/shop_icon.jpg" style=" width: 50rem;
    height: 46rem;
    margin: 11px 0rem 0rem 32rem"></div>
</span><span class="index_content" style="margin-left: 3rem">
    <div class="content_font">兑换码</div>
    <div class="content_font_2">点击兑好券</div>
            <div ><img src="images/erweima.png" style=" width: 47rem;
    height: 47rem;
    margin: 11px 0rem 0rem 33rem"></div>
</span><span class="index_content" style="margin-left: 3rem">
    <div class="content_font">优惠券</div>
    <div class="content_font_2">用券更划算</div>

            <div ><img src="images/youhuiquan_icon.jpg" style=" width: 56rem;
    height: 47rem;
    margin: 11px 0rem 0rem 27rem"></div>
</span>
    </div>
    <div class="index_content" style="width: 90%;margin-left: 5%;height: 88rem">
    <div class="content_font" style="text-align: left;margin-left:20rem">我的积分<span style="color: #d50101;font-size: 24rem;margin-left: 5rem;font-style: italic">{{jifen}}</span></div>
    <div class="content_font_2" style="text-align: left;margin-left:20rem">可前往积分商城兑换商品</div>
        <div ><img src="images/jifen_icon.jpg" style="     width: 59rem;
    left: 225rem;
    top: -48rem;
    position: relative;"></div>
</div>
</div>
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../back/plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="../back/plugins/element-ui/index.js"></script>
<!-- 引入vant样式 -->
<script src="js/vant.min.js"></script>
<!-- 引入axios -->
<script src="../back/plugins/axios/axios.min.js"></script>
<script src="js/request.js"></script>
<script src="js/common.js"></script>
<script src="api/main.js"></script>

<script>
    // document.getElementById("main").style.display = "block";
    var index=new Vue({
        el:'#main',
        data(){
            return {
                jifen:'12',
                // loading:true,
                index_show:false,
            }
        },

        created(){

        },

        mounted(){
            this.initData()
            // setTimeout(()=>{
            //     this.loading=false
            // },3000)


        },
        methods:{
            //初始化数据
            initData() {
            },
            //网络图片路径转换
            imgPathConvert(path){
                return imgPath(path)
            },
            //跳转到去结算界面
            toAddOrderPage(){
                if(this.cartData.length > 0){
                    window.requestAnimationFrame(()=>{
                        window.location.href ='/front/page/add-order.html'
                    })
                }
            },
            toMenuPage(){
                if(this.cartData.length > 0){
                    window.requestAnimationFrame(()=>{
                        window.location.href ='/front/page/menu.html'
                    })
                }
            },



        }
    })
</script>
</body>
</html>
